import Icon from "@ant-design/icons"
import {CustomIconComponentProps} from "@ant-design/icons/lib/components/Icon"
import React from "react"

interface IconProps extends CustomIconComponentProps {
    onClick: (e: React.MouseEvent) => void
}

const YakitChatCS = () => (
    <svg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'>
        <g clipPath='url(#clip0_15496_240946)'>
            <path d='M32 0H0V32H32V0Z' fill='white' />
            <path
                d='M10.2745 19.6375L9.17883 18.5419L11.4607 16.2788L9.66633 14.4856L9.17383 13.9913L10.2745 12.8906L13.1138 15.73C13.1863 15.8021 13.2439 15.8878 13.2832 15.9821C13.3224 16.0765 13.3426 16.1778 13.3426 16.28C13.3429 16.3819 13.323 16.4829 13.284 16.5771C13.2451 16.6713 13.1879 16.7568 13.1157 16.8287L13.112 16.8325L12.5632 17.3781L10.2863 19.6363L10.2745 19.6375ZM19.7295 19.6375H15.9682V18.1019H19.7295V19.6375ZM24.8932 18.0869V16.5512H26.4257V16.6906C26.4257 17.1565 26.4205 17.6213 26.4101 18.085L24.8932 18.0869Z'
                fill='#FF7B00'
            />
            <path
                d='M31.9997 10.5352C31.9997 10.6114 31.9997 10.6864 31.9928 10.7633C31.9859 10.8976 31.9711 11.0314 31.9484 11.1639C31.7941 12.1216 31.2902 12.9881 30.5341 13.5958C30.5309 13.5958 30.5253 13.6008 30.5222 13.6045C30.3416 13.7352 30.1572 13.8602 29.9647 13.9795C29.9581 13.984 29.9512 13.9879 29.9441 13.9914C28.9511 14.597 27.8403 14.9837 26.6859 15.1258C26.5991 15.1358 26.5103 15.1458 26.4216 15.1527C26.1716 15.1764 25.9182 15.1883 25.6616 15.1883C25.4009 15.1883 25.1422 15.1764 24.8878 15.1527C24.8799 14.3552 24.8634 13.5593 24.8384 12.7652C24.8353 12.6664 24.8316 12.5677 24.8303 12.4702C24.8097 11.8858 24.7859 11.3027 24.7553 10.7202C24.7563 10.7064 24.7563 10.6926 24.7553 10.6789C24.7501 10.6283 24.735 10.5793 24.7109 10.5345C24.6812 10.4789 24.6387 10.4312 24.5868 10.3953C24.535 10.3594 24.4753 10.3365 24.4128 10.3283C24.3964 10.3261 24.38 10.3249 24.3634 10.3245C24.2934 10.3177 24.2234 10.3127 24.1541 10.3077C23.6491 10.2722 23.1445 10.2387 22.6403 10.207C21.1037 10.117 19.562 10.0581 18.0153 10.0302C17.5062 10.0197 16.9959 10.0139 16.4847 10.0127C16.3347 10.0127 16.1934 10.0127 16.0434 10.0127C15.6784 10.0127 15.3159 10.0127 14.9528 10.0177C14.6322 10.0208 14.3103 10.0258 13.9897 10.0314C13.7753 10.0345 13.5603 10.0395 13.3459 10.0464C12.0059 10.0772 10.6714 10.1335 9.34219 10.2152C8.84469 10.2439 8.34824 10.2775 7.85282 10.3158C7.77969 10.3208 7.70844 10.3258 7.63469 10.3327C7.61755 10.333 7.60045 10.3343 7.58344 10.3364C7.52213 10.3441 7.4635 10.3661 7.41234 10.4008C7.36118 10.4354 7.31894 10.4817 7.28907 10.5358C7.26515 10.5796 7.24947 10.6275 7.24282 10.677C7.24282 10.6939 7.24282 10.7095 7.23969 10.7264V10.7345C7.21011 11.302 7.18615 11.8702 7.16782 12.4389C7.16782 12.5495 7.16094 12.662 7.15782 12.7733C7.13199 13.565 7.11553 14.3579 7.10844 15.152C7.10469 15.3739 7.10469 15.597 7.10344 15.8202C7.10344 15.9683 7.10344 16.1164 7.10344 16.2633C7.10344 17.5312 7.12427 18.7958 7.16594 20.057C7.18469 20.6277 7.20907 21.1989 7.23782 21.7677C7.23782 21.7833 7.23782 21.7983 7.23782 21.8139C7.24855 21.9021 7.28845 21.9842 7.35118 22.0472C7.41391 22.1102 7.49588 22.1504 7.58407 22.1614H7.60282H7.63032C8.20282 22.207 8.77344 22.2464 9.34782 22.2808C10.6753 22.3641 12.007 22.422 13.3428 22.4545C13.8778 22.4677 14.4128 22.4783 14.9497 22.4833C15.2084 22.4864 15.4697 22.4883 15.7284 22.4902C15.8103 22.4902 15.8903 22.4902 15.9684 22.4902H16.1716C18.3412 22.4902 20.5009 22.4277 22.6509 22.3027C23.2203 22.2702 23.7878 22.2308 24.3534 22.1902H24.3622C24.3851 22.1904 24.4079 22.1881 24.4303 22.1833C24.4342 22.1841 24.4383 22.1841 24.4422 22.1833C24.5213 22.1677 24.5938 22.1282 24.6497 22.07C24.7056 22.0119 24.7422 21.938 24.7547 21.8583V21.8545C24.7584 21.8354 24.7603 21.8159 24.7603 21.7964V21.7777C24.7891 21.2018 24.8128 20.6241 24.8316 20.0445C24.8453 19.6752 24.8553 19.3052 24.8641 18.9352H26.3978C26.3753 19.9052 26.2803 22.052 26.2784 22.0602C26.2354 22.4322 26.0804 22.7823 25.8338 23.0641C25.5872 23.346 25.2608 23.5462 24.8978 23.6383C24.8156 23.6588 24.7321 23.6737 24.6478 23.6827V23.6858C21.6307 23.9208 18.5824 24.0333 15.5028 24.0233C15.3203 24.0233 15.1366 24.0233 14.9541 24.0202C14.4172 24.0145 13.8822 24.0064 13.3472 23.9927C11.3889 23.9485 9.44198 23.8525 7.50657 23.7045H7.55407C7.53825 23.7055 7.52239 23.7055 7.50657 23.7045C7.45532 23.7045 7.40282 23.6977 7.35157 23.6945C7.34296 23.6941 7.3344 23.6931 7.32594 23.6914C7.25072 23.6827 7.17618 23.6689 7.10282 23.6502C6.73557 23.5576 6.40574 23.3542 6.15816 23.0676C5.91058 22.781 5.75727 22.4251 5.71907 22.0483C5.71816 22.045 5.71816 22.0416 5.71907 22.0383C5.72 22.0246 5.72 22.0108 5.71907 21.997C5.71907 21.9527 5.71907 21.907 5.71219 21.8608C5.61344 19.8583 5.5674 17.8429 5.57407 15.8145C5.57407 15.5927 5.57407 15.3733 5.57969 15.1514C5.49282 15.1445 5.40532 15.1345 5.32032 15.1245C4.16618 14.9816 3.05583 14.594 2.06344 13.9877C2.04844 13.9808 2.03469 13.9708 2.01907 13.962C2.01907 13.962 2.01907 13.962 2.01407 13.9583C1.84032 13.8527 1.67157 13.7389 1.50782 13.6195C1.50782 13.6195 1.50782 13.6195 1.50282 13.6158C0.735941 13.0114 0.223115 12.1418 0.0653169 11.1783C0.0415725 11.0408 0.0257127 10.902 0.0178163 10.7627C0.0128163 10.6858 0.0109422 10.6108 0.0109422 10.5345C0.00784254 10.2288 0.0407784 9.9238 0.109068 9.62579C0.224493 9.13405 0.435124 8.66968 0.729067 8.25891C0.763442 8.21079 0.797192 8.16329 0.834692 8.11704C0.848442 8.09829 0.862191 8.08141 0.877191 8.06266C0.93492 8.00605 1.01259 7.9744 1.09344 7.97454C1.17138 7.97436 1.24646 8.00385 1.30346 8.05701C1.36045 8.11017 1.39508 8.18302 1.40032 8.26079C1.40129 8.26805 1.40129 8.2754 1.40032 8.28266C1.40286 8.67536 1.49816 9.06191 1.67844 9.41079C1.93552 9.90695 2.35109 10.3029 2.85907 10.5358C3.05779 10.6278 3.26802 10.6925 3.48407 10.7283C3.62257 10.7522 3.76289 10.7642 3.90344 10.7639H5.69782C5.69782 10.687 5.70469 10.6108 5.70969 10.5358H5.71282C5.71314 10.522 5.71439 10.5082 5.71657 10.4945C5.75052 10.0745 5.92796 9.67897 6.21908 9.37431C6.5102 9.06964 6.89727 8.87442 7.31532 8.82141C7.32539 8.8192 7.33564 8.81795 7.34594 8.81766C7.3509 8.81675 7.35599 8.81675 7.36094 8.81766C7.39157 8.81766 7.42344 8.81266 7.45469 8.81079C7.46552 8.81014 7.47637 8.81014 7.48719 8.81079C7.49508 8.80988 7.50305 8.80988 7.51094 8.81079C9.43844 8.66245 11.3814 8.56412 13.3397 8.51579C13.7043 8.50787 14.0695 8.5012 14.4353 8.49579C14.6059 8.49204 14.7759 8.49016 14.9466 8.48891C15.4595 8.48516 15.9724 8.48391 16.4853 8.48516C16.8437 8.48516 17.2009 8.4887 17.5572 8.49579C19.8834 8.5262 22.1909 8.62891 24.4797 8.80391C24.4836 8.80296 24.4877 8.80296 24.4916 8.80391C24.5001 8.80296 24.5087 8.80296 24.5172 8.80391H24.5428C24.5772 8.80391 24.6091 8.80891 24.6416 8.81266H24.6603C25.06 8.86122 25.4331 9.03844 25.7233 9.31757C26.0135 9.59671 26.205 9.96264 26.2691 10.3602C26.27 10.3641 26.27 10.3681 26.2691 10.372C26.2691 10.4095 26.2728 10.447 26.2741 10.4864C26.2745 10.5029 26.2757 10.5194 26.2778 10.5358C26.2778 10.6108 26.2847 10.687 26.2878 10.7639H28.0228C28.0447 10.7639 28.0653 10.7639 28.0853 10.7639C28.1053 10.7639 28.1278 10.7639 28.1478 10.7639C28.28 10.7616 28.4117 10.748 28.5416 10.7233C28.7445 10.6859 28.9419 10.6229 29.1291 10.5358C29.6391 10.3009 30.0552 9.90105 30.3103 9.40079C30.4879 9.05398 30.5819 8.67042 30.5847 8.28079C30.5838 8.27394 30.5838 8.267 30.5847 8.26016C30.5893 8.18207 30.6237 8.10873 30.6808 8.05525C30.7379 8.00176 30.8133 7.9722 30.8916 7.97266C30.9321 7.97249 30.9722 7.98036 31.0096 7.99581C31.0471 8.01126 31.0811 8.03398 31.1097 8.06266C31.1235 8.07761 31.1361 8.09371 31.1472 8.11079L31.1503 8.11391C31.1897 8.16141 31.2253 8.21079 31.2597 8.26016C31.5513 8.66682 31.7608 9.12644 31.8766 9.61329C31.9548 9.91445 31.9962 10.224 31.9997 10.5352Z'
                fill='#FF7B00'
            />
        </g>
        <defs>
            <clipPath id='clip0_15496_240946'>
                <rect width='32' height='32' fill='white' />
            </clipPath>
        </defs>
    </svg>
)
/** @description YakitChatCS */
export const YakitChatCSIcon = (props: Partial<IconProps>) => {
    return <Icon component={YakitChatCS} {...props} />
}

const PaperPlaneRight = () => (
    <svg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'>
        <path
            d='M18.013 9.40626L4.84898 2.03907C4.62964 1.91116 4.37707 1.85175 4.12371 1.86845C3.87034 1.88516 3.62776 1.97722 3.42711 2.13282C3.22219 2.2945 3.07341 2.51662 3.00189 2.76765C2.93037 3.01868 2.93974 3.28586 3.02867 3.53126L5.22398 9.66407C5.24619 9.72522 5.28649 9.77816 5.33953 9.81584C5.39256 9.85352 5.45581 9.87416 5.52086 9.87501H11.1615C11.3237 9.87244 11.4808 9.93149 11.6011 10.0402C11.7215 10.149 11.7961 10.2993 11.8099 10.4609C11.8153 10.5463 11.8031 10.6317 11.774 10.7121C11.745 10.7925 11.6998 10.8661 11.6413 10.9284C11.5827 10.9906 11.512 11.0402 11.4335 11.074C11.355 11.1078 11.2704 11.1252 11.1849 11.125H5.52086C5.45581 11.1259 5.39256 11.1465 5.33953 11.1842C5.28649 11.2219 5.24619 11.2748 5.22398 11.3359L3.02867 17.4688C2.9628 17.6577 2.94295 17.8596 2.97078 18.0578C2.9986 18.2559 3.07329 18.4445 3.18864 18.608C3.304 18.7715 3.45669 18.9051 3.63404 18.9977C3.81139 19.0904 4.00828 19.1394 4.20836 19.1406C4.42127 19.1397 4.63063 19.086 4.81773 18.9844L18.013 11.5938C18.2064 11.484 18.3671 11.3249 18.479 11.1328C18.5908 10.9407 18.6497 10.7223 18.6497 10.5C18.6497 10.2777 18.5908 10.0594 18.479 9.86723C18.3671 9.6751 18.2064 9.51604 18.013 9.40626Z'
            fill='currentColor'
        />
    </svg>
)
/** @description PaperPlaneRight */
export const PaperPlaneRightIcon = (props: Partial<IconProps>) => {
    return <Icon component={PaperPlaneRight} {...props} />
}

const YakChatLog = () => (
    <svg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'>
        <g clipPath='url(#clip0_15624_113098)'>
            <path
                d='M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z'
                fill='#FF7B00'
            />
            <path
                d='M11.7055 18.7288L10.8853 17.9086L12.5971 16.2097L11.2497 14.8652L10.8806 14.4944L11.7061 13.6683L13.8362 15.7984C13.9447 15.9081 14.0057 16.0562 14.0057 16.2106C14.0057 16.3649 13.9447 16.513 13.8362 16.6227L13.4261 17.0328L11.7184 18.7265L11.7055 18.7288ZM18.7976 18.7288H15.9768V17.577H18.7976V18.7288ZM22.6712 17.5653V16.4136H23.8206V16.5184C23.8206 16.8676 23.8167 17.2162 23.8089 17.5642L22.6712 17.5653Z'
                fill='white'
            />
            <path
                d='M28.0017 11.8991C28.0017 11.9577 28.0017 12.0128 27.9964 12.0702C27.9914 12.1709 27.9805 12.2713 27.9636 12.3707C27.8479 13.0891 27.4698 13.7391 26.9027 14.195C26.8994 14.197 26.8963 14.1991 26.8933 14.2015C26.758 14.2999 26.6197 14.393 26.4756 14.4809C26.4707 14.4843 26.4656 14.4875 26.4604 14.4903C25.7155 14.9449 24.8823 15.2355 24.0163 15.3427C23.9506 15.3503 23.8844 15.3579 23.8177 15.3632C23.6302 15.3813 23.4392 15.3901 23.2476 15.3901C23.0561 15.3901 22.8581 15.3813 22.6671 15.3632C22.6612 14.7649 22.6489 14.1679 22.6302 13.5723C22.6302 13.4979 22.6249 13.4241 22.6237 13.3508C22.6085 12.9126 22.589 12.475 22.5651 12.038C22.5657 12.0278 22.5657 12.0177 22.5651 12.0075C22.5615 11.9695 22.5502 11.9326 22.5317 11.8991C22.5095 11.8573 22.4776 11.8215 22.4387 11.7946C22.3997 11.7676 22.3549 11.7505 22.308 11.7445C22.2957 11.7436 22.2833 11.7436 22.271 11.7445L22.114 11.7316C21.7356 11.7052 21.3571 11.6794 20.9787 11.6566C19.8258 11.5886 18.6693 11.5443 17.5094 11.5236C17.1268 11.516 16.7448 11.5119 16.3611 11.5107C16.2486 11.5107 16.1426 11.5107 16.0301 11.5107C15.7565 11.5107 15.4847 11.5107 15.2099 11.5142C14.9698 11.5172 14.7278 11.5207 14.4876 11.5248C14.3265 11.5248 14.1654 11.5312 14.0043 11.5359C12.9998 11.5593 11.9988 11.6015 11.0013 11.6625C10.6279 11.6847 10.2555 11.7099 9.8841 11.738C9.82962 11.7421 9.77572 11.7456 9.72065 11.7509C9.70777 11.7509 9.69488 11.7509 9.68257 11.7509C9.63648 11.7568 9.59241 11.7734 9.55394 11.7994C9.51546 11.8255 9.48367 11.8603 9.46113 11.9009C9.44328 11.9338 9.43156 11.9698 9.42656 12.0069C9.42656 12.0198 9.42656 12.0309 9.42656 12.0438V12.0503C9.40489 12.4762 9.38673 12.9015 9.37267 13.3286C9.37267 13.4118 9.36739 13.4961 9.36505 13.5793C9.34552 14.1722 9.33322 14.767 9.32814 15.3638C9.32521 15.5302 9.32521 15.6971 9.32404 15.8647C9.32404 15.976 9.32404 16.0873 9.32404 16.1974C9.32404 17.1484 9.34025 18.0969 9.37267 19.0428C9.38673 19.4724 9.40469 19.9003 9.42656 20.3264C9.42656 20.3375 9.42656 20.3493 9.42656 20.361C9.43454 20.4271 9.46442 20.4888 9.51145 20.536C9.55848 20.5832 9.61995 20.6134 9.68609 20.6217H9.70015H9.72065C10.1501 20.6562 10.5783 20.6855 11.0095 20.7113C12.0054 20.7742 13.0043 20.8175 14.0061 20.8414C14.4075 20.8519 14.8094 20.8591 15.2117 20.863C15.4056 20.866 15.6013 20.8671 15.7975 20.8683C15.8561 20.8683 15.9188 20.8683 15.978 20.8683H16.1285C17.756 20.8683 19.3768 20.821 20.991 20.7265C21.4181 20.7025 21.844 20.6732 22.2681 20.6422H22.2687C22.2858 20.6425 22.303 20.6408 22.3197 20.6369C22.3228 20.6374 22.3259 20.6374 22.329 20.6369C22.3886 20.6254 22.4431 20.5958 22.4851 20.552C22.527 20.5083 22.5544 20.4526 22.5634 20.3926C22.5657 20.3783 22.5669 20.3638 22.5669 20.3493V20.3352C22.5888 19.9028 22.6067 19.4695 22.6208 19.0352C22.6306 18.7575 22.6386 18.48 22.6448 18.2027H23.7954C23.779 18.9304 23.7075 20.5408 23.7058 20.5461C23.6735 20.8251 23.5572 21.0877 23.3724 21.2991C23.1875 21.5105 22.9428 21.6608 22.6706 21.7301C22.6088 21.7456 22.5459 21.7568 22.4825 21.7635C20.22 21.9396 17.9335 22.024 15.623 22.0165C15.4865 22.0165 15.3482 22.0165 15.2129 22.0165C14.8098 22.0122 14.4079 22.0054 14.0072 21.996C12.5372 21.9625 11.0769 21.8904 9.62633 21.7799H9.66207C9.65094 21.7799 9.63805 21.7799 9.62633 21.7799C9.58825 21.7799 9.54842 21.7746 9.50917 21.7723C9.50262 21.7721 9.49612 21.7712 9.48983 21.7693C9.43322 21.7638 9.37704 21.7544 9.3217 21.7412C9.04629 21.6716 8.79895 21.519 8.61325 21.3041C8.42754 21.0891 8.31245 20.8222 8.28359 20.5396C8.28304 20.5371 8.28304 20.5345 8.28359 20.532C8.28418 20.5217 8.28418 20.5113 8.28359 20.501C8.28359 20.4682 8.2836 20.4336 8.27832 20.399C8.20451 18.897 8.16994 17.3851 8.17463 15.8635C8.17463 15.6971 8.17463 15.5325 8.17873 15.3661C8.1137 15.3608 8.04809 15.3532 7.98423 15.3456C7.11857 15.2384 6.28572 14.9478 5.54129 14.4932C5.53016 14.4879 5.51961 14.4803 5.50848 14.4739H5.50438C5.37433 14.3942 5.24779 14.3087 5.12476 14.219H5.12124C4.54577 13.7659 4.16097 13.1135 4.04272 12.3906C4.02487 12.2875 4.01294 12.1835 4.00698 12.079C4.00288 12.0204 4.00171 11.9653 4.00171 11.9079C4.0017 11.6779 4.02864 11.4486 4.08197 11.2248C4.16986 10.8558 4.32907 10.5075 4.55064 10.1996C4.57583 10.1639 4.60161 10.1281 4.62973 10.0936C4.63969 10.0795 4.65023 10.0672 4.66136 10.0532C4.69288 10.0224 4.73254 10.0012 4.77567 9.99215C4.81881 9.98312 4.86363 9.98659 4.90486 10.0022C4.94609 10.0177 4.98202 10.0447 5.00842 10.08C5.03481 10.1153 5.05058 10.1574 5.05387 10.2014C5.0545 10.207 5.0545 10.2127 5.05387 10.2184C5.05813 10.5731 5.16295 10.9193 5.35614 11.2168C5.54934 11.5143 5.82298 11.7509 6.14529 11.8991C6.29434 11.968 6.45198 12.0164 6.61396 12.0432C6.71783 12.0614 6.8231 12.0704 6.92855 12.0702H8.27598C8.27598 12.0116 8.28125 11.953 8.28477 11.8991C8.28516 11.8887 8.28614 11.8784 8.2877 11.8681C8.31316 11.553 8.44626 11.2564 8.66463 11.0279C8.883 10.7994 9.17334 10.6529 9.48691 10.6132C9.4945 10.6124 9.50216 10.6124 9.50975 10.6132C9.51344 10.6126 9.51719 10.6126 9.52088 10.6132C9.54432 10.6132 9.56716 10.6091 9.59177 10.6079C9.59976 10.6073 9.60779 10.6073 9.61579 10.6079C9.62183 10.6074 9.62791 10.6074 9.63395 10.6079C11.079 10.4966 12.5362 10.4228 14.0055 10.3865C14.2789 10.3799 14.5522 10.3748 14.8256 10.3713C14.9534 10.3713 15.0817 10.3678 15.2094 10.366C15.5941 10.3637 15.9788 10.3637 16.3635 10.366C16.6318 10.366 16.9007 10.3701 17.1678 10.3736C18.9124 10.3963 20.6432 10.4734 22.3601 10.605C22.363 10.6044 22.366 10.6044 22.3689 10.605C22.3753 10.6041 22.3818 10.6041 22.3882 10.605H22.4075C22.4327 10.605 22.4573 10.6085 22.4814 10.6115H22.4954C22.7953 10.6478 23.0751 10.7806 23.2928 10.99C23.5105 11.1993 23.6542 11.4738 23.7022 11.772C23.7028 11.7749 23.7028 11.7779 23.7022 11.7808C23.7022 11.8089 23.7022 11.8394 23.7064 11.8663C23.7064 11.878 23.7064 11.8909 23.7064 11.9038C23.7093 11.9624 23.7116 12.0175 23.714 12.0749H25.0221C25.0385 12.0749 25.0538 12.0749 25.0708 12.0749C25.0878 12.0749 25.1024 12.0749 25.1194 12.0749C25.2177 12.073 25.3157 12.0628 25.4123 12.0444C25.5647 12.0163 25.7129 11.9691 25.8534 11.9038C26.1769 11.7543 26.4513 11.5159 26.6445 11.2165C26.8377 10.917 26.9419 10.5689 26.9449 10.2125C26.9443 10.2074 26.9443 10.2023 26.9449 10.1973C26.9477 10.153 26.9633 10.1104 26.9897 10.0747C27.0162 10.0391 27.0523 10.0118 27.0939 9.99613C27.1354 9.98048 27.1806 9.97715 27.224 9.98654C27.2674 9.99593 27.3072 10.0176 27.3385 10.0491C27.3493 10.0598 27.3587 10.0718 27.3667 10.0848C27.396 10.1205 27.4252 10.1574 27.4481 10.1949C27.8047 10.6919 27.9982 11.2874 28.0017 11.8991Z'
                fill='white'
            />
        </g>
        <defs>
            <clipPath id='clip0_15624_113098'>
                <rect width='32' height='32' fill='white' />
            </clipPath>
        </defs>
    </svg>
)
/** @description yak 牛牛 */
export const YakChatLogIcon = (props: Partial<IconProps>) => {
    return <Icon component={YakChatLog} {...props} />
}

const ChatAlt = () => (
    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
        <path
            d='M2.3999 5.99998C2.3999 4.67449 3.47442 3.59998 4.7999 3.59998H13.1999C14.5254 3.59998 15.5999 4.67449 15.5999 5.99998V10.8C15.5999 12.1255 14.5254 13.2 13.1999 13.2H10.7999L7.1999 16.8V13.2H4.7999C3.47442 13.2 2.3999 12.1255 2.3999 10.8V5.99998Z'
            fill='currentColor'
        />
        <path
            d='M17.9999 8.39998V11.6C17.9999 13.8091 16.209 15.6 13.9999 15.6H11.794L9.67397 17.72C10.0097 17.8987 10.393 18 10.7999 18H13.1999L16.7999 21.6V18H19.1999C20.5254 18 21.5999 16.9255 21.5999 15.6V10.8C21.5999 9.47449 20.5254 8.39998 19.1999 8.39998H17.9999Z'
            fill='currentColor'
        />
    </svg>
)
/** @description chat-alt-2 */
export const ChatAltIcon = (props: Partial<IconProps>) => {
    return <Icon component={ChatAlt} {...props} />
}

const YakChatBook = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='32' height='26' viewBox='0 0 32 26' fill='none'>
        <g filter='url(#filter0_d_19614_146033)'>
            <path
                d='M4.5 7.44152C4.5 6.79587 4.91315 6.22266 5.52566 6.01849L6.99584 5.52843C8.94587 4.87842 11.0541 4.87842 13.0042 5.52843L15.2094 6.26352C15.7226 6.43458 16.2774 6.43458 16.7906 6.26352L18.9958 5.52843C20.9459 4.87842 23.0541 4.87842 25.0042 5.52843L26.4743 6.01849C27.0869 6.22266 27.5 6.79587 27.5 7.44152V17.2251C27.5 18.249 26.497 18.9719 25.5257 18.6482L25.3204 18.5798C23.1651 17.8613 20.8349 17.8613 18.6796 18.5798L17.1068 19.104C16.3884 19.3435 15.6116 19.3435 14.8932 19.104L13.3204 18.5798C11.1651 17.8613 8.83491 17.8613 6.67961 18.5798L6.47434 18.6482C5.50305 18.9719 4.5 18.249 4.5 17.2251V7.44152Z'
                fill='url(#paint0_linear_19614_146033)'
                stroke='url(#paint1_linear_19614_146033)'
            />
            <g filter='url(#filter1_b_19614_146033)'>
                <path
                    d='M6 4.08385C6 3.70285 6.2165 3.35496 6.55832 3.18668L6.83333 3.05128C9.46055 1.75788 12.5394 1.75788 15.1667 3.05128C15.6921 3.30996 16.3079 3.30996 16.8333 3.05128C19.4606 1.75788 22.5394 1.75788 25.1667 3.05128L25.4417 3.18668C25.7835 3.35496 26 3.70285 26 4.08385V15.6286C26 16.2607 25.3367 16.6735 24.7696 16.3943C22.3927 15.2241 19.6073 15.2241 17.2304 16.3943L16.8333 16.5897C16.3079 16.8484 15.6921 16.8484 15.1667 16.5897L14.7696 16.3943C12.3927 15.2241 9.60726 15.2241 7.23042 16.3943C6.66327 16.6735 6 16.2607 6 15.6286V4.08385Z'
                    fill='#FFBF9D'
                    fillOpacity='0.6'
                />
            </g>
            <g filter='url(#filter2_b_19614_146033)'>
                <path
                    d='M6 4.08385V15.6286C6 16.2607 6.66327 16.6735 7.23042 16.3943C9.60726 15.2241 12.3927 15.2241 14.7696 16.3943C15.3367 16.6735 16 16.2607 16 15.6286V4.08385C16 3.70285 15.7807 3.35358 15.4389 3.1853C12.6539 1.81425 9.34606 1.81425 6.5611 3.1853C6.21928 3.35358 6 3.70285 6 4.08385Z'
                    fill='white'
                    fillOpacity='0.6'
                />
            </g>
            <g filter='url(#filter3_b_19614_146033)'>
                <path
                    d='M24.9458 3.49987L25.1667 3.05128L24.9458 3.49987L25.2208 3.63526C25.3918 3.7194 25.5 3.89335 25.5 4.08385V15.6286C25.5 15.8904 25.2253 16.0613 24.9904 15.9457C22.4743 14.707 19.5257 14.707 17.0096 15.9457L16.6125 16.1412C16.2263 16.3313 15.7737 16.3313 15.3875 16.1412L14.9904 15.9457C12.4743 14.707 9.52567 14.707 7.00957 15.9457C6.77469 16.0613 6.5 15.8904 6.5 15.6286V4.08385C6.5 3.89335 6.60825 3.7194 6.77916 3.63526L7.05417 3.49987C9.54215 2.27502 12.4579 2.27502 14.9458 3.49987C15.6105 3.8271 16.3895 3.8271 17.0542 3.49987C19.5421 2.27502 22.4579 2.27502 24.9458 3.49987Z'
                    stroke='url(#paint2_linear_19614_146033)'
                />
            </g>
            <path d='M17.5 6.5C19 6 21.5 6 23 6.5' stroke='url(#paint3_linear_19614_146033)' strokeLinecap='round' />
            <path
                d='M23 8.375C22.25 8.125 21.25 8 20.25 8'
                stroke='url(#paint4_linear_19614_146033)'
                strokeLinecap='round'
            />
            <path
                d='M23 10.3743C22.5672 10.2301 22.0512 10.1274 21.5 10.0664'
                stroke='url(#paint5_linear_19614_146033)'
                strokeLinecap='round'
            />
        </g>
        <defs>
            <filter
                id='filter0_d_19614_146033'
                x='0'
                y='0.0812988'
                width='32'
                height='25.7024'
                filterUnits='userSpaceOnUse'
                colorInterpolationFilters='sRGB'
            >
                <feFlood floodOpacity='0' result='BackgroundImageFix' />
                <feColorMatrix
                    in='SourceAlpha'
                    type='matrix'
                    values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'
                    result='hardAlpha'
                />
                <feOffset dy='2' />
                <feGaussianBlur stdDeviation='2' />
                <feComposite in2='hardAlpha' operator='out' />
                <feColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 0.513726 0 0 0 0 0.27451 0 0 0 0.3 0' />
                <feBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_19614_146033' />
                <feBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_19614_146033' result='shape' />
            </filter>
            <filter
                id='filter1_b_19614_146033'
                x='0'
                y='-3.9187'
                width='32'
                height='26.7024'
                filterUnits='userSpaceOnUse'
                colorInterpolationFilters='sRGB'
            >
                <feFlood floodOpacity='0' result='BackgroundImageFix' />
                <feGaussianBlur in='BackgroundImageFix' stdDeviation='3' />
                <feComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_19614_146033' />
                <feBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_19614_146033' result='shape' />
            </filter>
            <filter
                id='filter2_b_19614_146033'
                x='0'
                y='-3.84302'
                width='22'
                height='26.3262'
                filterUnits='userSpaceOnUse'
                colorInterpolationFilters='sRGB'
            >
                <feFlood floodOpacity='0' result='BackgroundImageFix' />
                <feGaussianBlur in='BackgroundImageFix' stdDeviation='3' />
                <feComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_19614_146033' />
                <feBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_19614_146033' result='shape' />
            </filter>
            <filter
                id='filter3_b_19614_146033'
                x='0'
                y='-3.9187'
                width='32'
                height='26.7024'
                filterUnits='userSpaceOnUse'
                colorInterpolationFilters='sRGB'
            >
                <feFlood floodOpacity='0' result='BackgroundImageFix' />
                <feGaussianBlur in='BackgroundImageFix' stdDeviation='3' />
                <feComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_19614_146033' />
                <feBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_19614_146033' result='shape' />
            </filter>
            <linearGradient
                id='paint0_linear_19614_146033'
                x1='16'
                y1='6'
                x2='16'
                y2='20'
                gradientUnits='userSpaceOnUse'
            >
                <stop stopColor='#FF3A00' />
                <stop offset='1' stopColor='#FF9052' />
            </linearGradient>
            <linearGradient
                id='paint1_linear_19614_146033'
                x1='16'
                y1='4'
                x2='16'
                y2='20'
                gradientUnits='userSpaceOnUse'
            >
                <stop stopColor='#FF5318' stopOpacity='0' />
                <stop offset='1' stopColor='#F0400A' />
            </linearGradient>
            <linearGradient
                id='paint2_linear_19614_146033'
                x1='6'
                y1='2'
                x2='26'
                y2='17'
                gradientUnits='userSpaceOnUse'
            >
                <stop stopColor='white' stopOpacity='0.4' />
                <stop offset='0.854778' stopColor='white' />
            </linearGradient>
            <linearGradient
                id='paint3_linear_19614_146033'
                x1='23'
                y1='6.5'
                x2='17'
                y2='6.5'
                gradientUnits='userSpaceOnUse'
            >
                <stop stopColor='white' />
                <stop offset='1' stopColor='#FFDFD1' />
            </linearGradient>
            <linearGradient
                id='paint4_linear_19614_146033'
                x1='23'
                y1='8.375'
                x2='17'
                y2='8.375'
                gradientUnits='userSpaceOnUse'
            >
                <stop stopColor='white' />
                <stop offset='1' stopColor='#FFDFD1' />
            </linearGradient>
            <linearGradient
                id='paint5_linear_19614_146033'
                x1='23'
                y1='10.375'
                x2='17'
                y2='10.375'
                gradientUnits='userSpaceOnUse'
            >
                <stop stopColor='white' />
                <stop offset='1' stopColor='#FFDFD1' />
            </linearGradient>
        </defs>
    </svg>
)

/** @description yak 书书 */
export const YakChatBookIcon = (props: Partial<IconProps>) => {
    return <Icon component={YakChatBook} {...props} />
}

const OutlineOpen = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>
        <path
            d='M15.8333 2.5H4.16667C3.24619 2.5 2.5 3.24619 2.5 4.16667V15.8333C2.5 16.7538 3.24619 17.5 4.16667 17.5H15.8333C16.7538 17.5 17.5 16.7538 17.5 15.8333V4.16667C17.5 3.24619 16.7538 2.5 15.8333 2.5Z'
            stroke='currentColor'
            strokeLinecap='round'
            strokeLinejoin='round'
        />
        <path d='M7.5 2.5V17.5' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
        <path
            d='M11.6666 7.5L14.1666 10L11.6666 12.5'
            stroke='currentColor'
            strokeLinecap='round'
            strokeLinejoin='round'
        />
    </svg>
)

/**
 * @description  Icon/Outline/open
 */
export const OutlineOpenIcon = (props: Partial<IconProps>) => {
    return <Icon component={OutlineOpen} {...props} />
}

const OutlineViewGrid = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'>
        <path
            d='M2.66663 4.00008C2.66663 3.2637 3.26358 2.66675 3.99996 2.66675H5.33329C6.06967 2.66675 6.66663 3.2637 6.66663 4.00008V5.33341C6.66663 6.06979 6.06967 6.66675 5.33329 6.66675H3.99996C3.26358 6.66675 2.66663 6.06979 2.66663 5.33341V4.00008Z'
            fill='#CCD2DE'
        />
        <path
            d='M9.33329 4.00008C9.33329 3.2637 9.93025 2.66675 10.6666 2.66675H12C12.7363 2.66675 13.3333 3.2637 13.3333 4.00008V5.33341C13.3333 6.06979 12.7363 6.66675 12 6.66675H10.6666C9.93025 6.66675 9.33329 6.06979 9.33329 5.33341V4.00008Z'
            fill='#CCD2DE'
        />
        <path
            d='M2.66663 10.6667C2.66663 9.93037 3.26358 9.33341 3.99996 9.33341H5.33329C6.06967 9.33341 6.66663 9.93037 6.66663 10.6667V12.0001C6.66663 12.7365 6.06967 13.3334 5.33329 13.3334H3.99996C3.26358 13.3334 2.66663 12.7365 2.66663 12.0001V10.6667Z'
            fill='#CCD2DE'
        />
        <path
            d='M9.33329 10.6667C9.33329 9.93037 9.93025 9.33341 10.6666 9.33341H12C12.7363 9.33341 13.3333 9.93037 13.3333 10.6667V12.0001C13.3333 12.7365 12.7363 13.3334 12 13.3334H10.6666C9.93025 13.3334 9.33329 12.7365 9.33329 12.0001V10.6667Z'
            fill='#CCD2DE'
        />
        <path
            d='M2.66663 4.00008C2.66663 3.2637 3.26358 2.66675 3.99996 2.66675H5.33329C6.06967 2.66675 6.66663 3.2637 6.66663 4.00008V5.33341C6.66663 6.06979 6.06967 6.66675 5.33329 6.66675H3.99996C3.26358 6.66675 2.66663 6.06979 2.66663 5.33341V4.00008Z'
            stroke='#85899E'
            strokeLinecap='round'
            strokeLinejoin='round'
        />
        <path
            d='M9.33329 4.00008C9.33329 3.2637 9.93025 2.66675 10.6666 2.66675H12C12.7363 2.66675 13.3333 3.2637 13.3333 4.00008V5.33341C13.3333 6.06979 12.7363 6.66675 12 6.66675H10.6666C9.93025 6.66675 9.33329 6.06979 9.33329 5.33341V4.00008Z'
            stroke='#85899E'
            strokeLinecap='round'
            strokeLinejoin='round'
        />
        <path
            d='M2.66663 10.6667C2.66663 9.93037 3.26358 9.33341 3.99996 9.33341H5.33329C6.06967 9.33341 6.66663 9.93037 6.66663 10.6667V12.0001C6.66663 12.7365 6.06967 13.3334 5.33329 13.3334H3.99996C3.26358 13.3334 2.66663 12.7365 2.66663 12.0001V10.6667Z'
            stroke='#85899E'
            strokeLinecap='round'
            strokeLinejoin='round'
        />
        <path
            d='M9.33329 10.6667C9.33329 9.93037 9.93025 9.33341 10.6666 9.33341H12C12.7363 9.33341 13.3333 9.93037 13.3333 10.6667V12.0001C13.3333 12.7365 12.7363 13.3334 12 13.3334H10.6666C9.93025 13.3334 9.33329 12.7365 9.33329 12.0001V10.6667Z'
            stroke='#85899E'
            strokeLinecap='round'
            strokeLinejoin='round'
        />
    </svg>
)

/**
 * @description  Icon/Outline/view-grid
 */
export const OutlineViewGridIcon = (props: Partial<IconProps>) => {
    return <Icon component={OutlineViewGrid} {...props} />
}

const OutlineViewGridActive = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'>
        <path
            d='M2.66669 4.00008C2.66669 3.2637 3.26364 2.66675 4.00002 2.66675H5.33335C6.06973 2.66675 6.66669 3.2637 6.66669 4.00008V5.33341C6.66669 6.06979 6.06973 6.66675 5.33335 6.66675H4.00002C3.26364 6.66675 2.66669 6.06979 2.66669 5.33341V4.00008Z'
            fill='#F28B44'
        />
        <path
            d='M9.33335 4.00008C9.33335 3.2637 9.93031 2.66675 10.6667 2.66675H12C12.7364 2.66675 13.3334 3.2637 13.3334 4.00008V5.33341C13.3334 6.06979 12.7364 6.66675 12 6.66675H10.6667C9.93031 6.66675 9.33335 6.06979 9.33335 5.33341V4.00008Z'
            fill='#F28B44'
        />
        <path
            d='M2.66669 10.6667C2.66669 9.93037 3.26364 9.33341 4.00002 9.33341H5.33335C6.06973 9.33341 6.66669 9.93037 6.66669 10.6667V12.0001C6.66669 12.7365 6.06973 13.3334 5.33335 13.3334H4.00002C3.26364 13.3334 2.66669 12.7365 2.66669 12.0001V10.6667Z'
            fill='#F28B44'
        />
        <path
            d='M9.33335 10.6667C9.33335 9.93037 9.93031 9.33341 10.6667 9.33341H12C12.7364 9.33341 13.3334 9.93037 13.3334 10.6667V12.0001C13.3334 12.7365 12.7364 13.3334 12 13.3334H10.6667C9.93031 13.3334 9.33335 12.7365 9.33335 12.0001V10.6667Z'
            fill='#F28B44'
        />
        <path
            d='M2.66669 4.00008C2.66669 3.2637 3.26364 2.66675 4.00002 2.66675H5.33335C6.06973 2.66675 6.66669 3.2637 6.66669 4.00008V5.33341C6.66669 6.06979 6.06973 6.66675 5.33335 6.66675H4.00002C3.26364 6.66675 2.66669 6.06979 2.66669 5.33341V4.00008Z'
            stroke='#31343F'
            strokeLinecap='round'
            strokeLinejoin='round'
        />
        <path
            d='M9.33335 4.00008C9.33335 3.2637 9.93031 2.66675 10.6667 2.66675H12C12.7364 2.66675 13.3334 3.2637 13.3334 4.00008V5.33341C13.3334 6.06979 12.7364 6.66675 12 6.66675H10.6667C9.93031 6.66675 9.33335 6.06979 9.33335 5.33341V4.00008Z'
            stroke='#31343F'
            strokeLinecap='round'
            strokeLinejoin='round'
        />
        <path
            d='M2.66669 10.6667C2.66669 9.93037 3.26364 9.33341 4.00002 9.33341H5.33335C6.06973 9.33341 6.66669 9.93037 6.66669 10.6667V12.0001C6.66669 12.7365 6.06973 13.3334 5.33335 13.3334H4.00002C3.26364 13.3334 2.66669 12.7365 2.66669 12.0001V10.6667Z'
            stroke='#31343F'
            strokeLinecap='round'
            strokeLinejoin='round'
        />
        <path
            d='M9.33335 10.6667C9.33335 9.93037 9.93031 9.33341 10.6667 9.33341H12C12.7364 9.33341 13.3334 9.93037 13.3334 10.6667V12.0001C13.3334 12.7365 12.7364 13.3334 12 13.3334H10.6667C9.93031 13.3334 9.33335 12.7365 9.33335 12.0001V10.6667Z'
            stroke='#31343F'
            strokeLinecap='round'
            strokeLinejoin='round'
        />
    </svg>
)

/**
 * @description  UI Kit/Icon/Outline/view-grid
 */
export const OutlineViewGridActiveIcon = (props: Partial<IconProps>) => {
    return <Icon component={OutlineViewGridActive} {...props} />
}

const UIKitOutlineBugActive = () => (
    <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
        <mask
            id='mask0_20342_12763'
            style={{maskType: "alpha"}}
            maskUnits='userSpaceOnUse'
            x='0'
            y='0'
            width='16'
            height='16'
        >
            <rect width='16' height='16' fill='#D9D9D9' />
        </mask>
        <g mask='url(#mask0_20342_12763)'>
            <path
                d='M3.83337 7.87879C3.83337 6.01274 5.34611 4.5 7.21216 4.5H8.78792C10.654 4.5 12.1667 6.01273 12.1667 7.87879V10C12.1667 12.3012 10.3012 14.1667 8.00004 14.1667C5.69885 14.1667 3.83337 12.3012 3.83337 10V7.87879Z'
                fill='#F7544A'
                stroke='#F7544A'
            />
            <path d='M8 14.0001V4.66675' stroke='#31343F' strokeLinecap='round' />
            <path d='M10 4C10 2.89543 9.10457 2 8 2C6.89543 2 6 2.89543 6 4' stroke='#F7544A' strokeLinecap='round' />
            <path
                d='M3.83337 7.87879C3.83337 6.01274 5.34611 4.5 7.21216 4.5H8.78792C10.654 4.5 12.1667 6.01273 12.1667 7.87879V10C12.1667 12.3012 10.3012 14.1667 8.00004 14.1667C5.69885 14.1667 3.83337 12.3012 3.83337 10V7.87879Z'
                stroke='#31343F'
            />
            <path
                d='M1.33337 8.66667H3.33337M12.6667 8.66667H14.6667M14 4C14 5.03499 13.2138 5.88635 12.2061 5.98951M2.00001 14C2.00001 12.8954 2.89544 12 4.00001 12M2.00001 4C2.00001 5.0188 2.76178 5.85968 3.74681 5.98413M14 14C14 12.8954 13.1046 12 12 12'
                stroke='#31343F'
                strokeLinecap='round'
            />
        </g>
    </svg>
)

/**
 * @description  UI Kit/Icon/Outline/bug
 */
export const UIKitOutlineBugActiveIcon = (props: Partial<IconProps>) => {
    return <Icon component={UIKitOutlineBugActive} {...props} />
}

const UIKitOutlineBug = () => (
    <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
        <mask
            id='mask0_20342_22804'
            style={{maskType: "alpha"}}
            maskUnits='userSpaceOnUse'
            x='0'
            y='0'
            width='16'
            height='16'
        >
            <rect width='16' height='16' fill='#D9D9D9' />
        </mask>
        <g mask='url(#mask0_20342_22804)'>
            <path
                d='M3.83337 7.87879C3.83337 6.01274 5.34611 4.5 7.21216 4.5H8.78792C10.654 4.5 12.1667 6.01273 12.1667 7.87879V10C12.1667 12.3012 10.3012 14.1667 8.00004 14.1667C5.69885 14.1667 3.83337 12.3012 3.83337 10V7.87879Z'
                fill='#CCD2DE'
                stroke='#85899E'
            />
            <path d='M7.99997 14.0001V4.66675' stroke='#85899E' strokeLinecap='round' />
            <path
                d='M10 4C10 2.89543 9.1046 2 8.00003 2C6.89546 2 6.00003 2.89543 6.00003 4'
                stroke='#85899E'
                strokeLinecap='round'
            />
            <path
                d='M3.83337 7.87879C3.83337 6.01274 5.34611 4.5 7.21216 4.5H8.78792C10.654 4.5 12.1667 6.01273 12.1667 7.87879V10C12.1667 12.3012 10.3012 14.1667 8.00004 14.1667C5.69885 14.1667 3.83337 12.3012 3.83337 10V7.87879Z'
                stroke='#85899E'
            />
            <path
                d='M1.33334 8.66667H3.33334M12.6667 8.66667H14.6667M14 4C14 5.03499 13.2138 5.88635 12.2061 5.98951M1.99998 14C1.99998 12.8954 2.89541 12 3.99998 12M1.99998 4C1.99998 5.0188 2.76175 5.85968 3.74678 5.98413M14 14C14 12.8954 13.1045 12 12 12'
                stroke='#85899E'
                strokeLinecap='round'
            />
        </g>
    </svg>
)

/**
 * @description  Icon/Outline/bug
 */
export const UIKitOutlineBugIcon = (props: Partial<IconProps>) => {
    return <Icon component={UIKitOutlineBug} {...props} />
}

const OutlineYakRunnerActive = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'>
        <mask
            id='mask0_21177_14861'
            style={{maskType: "alpha"}}
            maskUnits='userSpaceOnUse'
            x='0'
            y='0'
            width='16'
            height='16'
        >
            <rect width='16' height='16' fill='#D9D9D9' />
        </mask>
        <g mask='url(#mask0_21177_14861)'>
            <path
                d='M1.33334 4.00008C1.33334 3.2637 1.99663 2.66675 2.81483 2.66675H13.1852C14.0034 2.66675 14.6667 3.2637 14.6667 4.00008V12.0001C14.6667 12.7365 14.0034 13.3334 13.1852 13.3334H2.81482C1.99663 13.3334 1.33334 12.7365 1.33334 12.0001V4.00008Z'
                fill='#9D9AFB'
                stroke='#31343F'
                strokeLinecap='round'
                strokeLinejoin='round'
            />
            <path
                d='M5.33334 6L7.33334 8L5.33334 10M8.66668 10H10.6667'
                stroke='#31343F'
                strokeLinecap='round'
                strokeLinejoin='round'
            />
        </g>
    </svg>
)

/**
 * @description  UI Kit/Icon/Outline/Yak Runner
 */
export const OutlineYakRunnerActiveIcon = (props: Partial<IconProps>) => {
    return <Icon component={OutlineYakRunnerActive} {...props} />
}

const OutlineYakRunner = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'>
        <mask
            id='mask0_20342_13351'
            style={{maskType: "alpha"}}
            maskUnits='userSpaceOnUse'
            x='0'
            y='0'
            width='16'
            height='16'
        >
            <rect width='16' height='16' fill='#D9D9D9' />
        </mask>
        <g mask='url(#mask0_20342_13351)'>
            <path
                d='M1.33337 4.00008C1.33337 3.2637 1.99666 2.66675 2.81486 2.66675H13.1852C14.0034 2.66675 14.6667 3.2637 14.6667 4.00008V12.0001C14.6667 12.7365 14.0034 13.3334 13.1852 13.3334H2.81486C1.99666 13.3334 1.33337 12.7365 1.33337 12.0001V4.00008Z'
                fill='#CCD2DE'
                stroke='#85899E'
                strokeLinecap='round'
                strokeLinejoin='round'
            />
            <path
                d='M5.33337 6L7.33337 8L5.33337 10M8.66671 10H10.6667'
                stroke='#85899E'
                strokeLinecap='round'
                strokeLinejoin='round'
            />
        </g>
    </svg>
)

/**
 * @description  Icon/Outline/Yak Runner
 */
export const OutlineYakRunnerIcon = (props: Partial<IconProps>) => {
    return <Icon component={OutlineYakRunner} {...props} />
}

const OutlineWebFuzzer = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'>
        <mask
            id='mask0_20342_20549'
            style={{maskType: "alpha"}}
            maskUnits='userSpaceOnUse'
            x='0'
            y='0'
            width='16'
            height='16'
        >
            <rect width='16' height='16' fill='#D9D9D9' />
        </mask>
        <g mask='url(#mask0_20342_20549)'>
            <path
                d='M14 8C14 11.3137 11.3137 14 7.99996 14C7.5417 14 7.09544 13.9486 6.66663 13.8513'
                stroke='#85899E'
                strokeLinecap='round'
            />
            <path
                d='M2 8C2 4.68629 4.68629 2 8 2C8.45826 2 8.90452 2.05137 9.33333 2.14868'
                stroke='#85899E'
                strokeLinecap='round'
            />
            <ellipse cx='10.6667' cy='2.66659' rx='1.33333' ry='1.33333' stroke='#85899E' strokeLinecap='round' />
            <ellipse cx='5.33333' cy='13.3333' rx='1.33333' ry='1.33333' stroke='#85899E' strokeLinecap='round' />
            <path
                d='M8.33337 7.33333V5L5.33337 8.66667H7.66671L7.66671 11L10.6667 7.33333L8.33337 7.33333Z'
                fill='#CCD2DE'
                stroke='#CCD2DE'
                strokeLinecap='round'
                strokeLinejoin='round'
            />
            <path d='M3.33329 7.33325L1.99996 8.66659L0.666626 7.33325' stroke='#85899E' strokeLinecap='round' />
            <path d='M12.6667 8.66675L14 7.33341L15.3334 8.66675' stroke='#85899E' strokeLinecap='round' />
        </g>
    </svg>
)

/**
 * @description  Icon/Outline/Web Fuzzer
 */
export const OutlineWebFuzzerIcon = (props: Partial<IconProps>) => {
    return <Icon component={OutlineWebFuzzer} {...props} />
}

const OutlineWebFuzzerActive = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'>
        <mask
            id='mask0_21177_14871'
            style={{maskType: "alpha"}}
            maskUnits='userSpaceOnUse'
            x='0'
            y='0'
            width='16'
            height='16'
        >
            <rect width='16' height='16' fill='#D9D9D9' />
        </mask>
        <g mask='url(#mask0_21177_14871)'>
            <path
                d='M14 8C14 11.3137 11.3137 14 8.00001 14C7.54175 14 7.09549 13.9486 6.66667 13.8513'
                stroke='#31343F'
                strokeLinecap='round'
            />
            <path
                d='M2 8C2 4.68629 4.68629 2 8 2C8.45826 2 8.90452 2.05137 9.33333 2.14868'
                stroke='#31343F'
                strokeLinecap='round'
            />
            <ellipse cx='10.6667' cy='2.66659' rx='1.33333' ry='1.33333' stroke='#31343F' strokeLinecap='round' />
            <ellipse cx='5.33333' cy='13.3333' rx='1.33333' ry='1.33333' stroke='#31343F' strokeLinecap='round' />
            <path
                d='M8.33333 7.33333V5L5.33333 8.66667H7.66666L7.66666 11L10.6667 7.33333L8.33333 7.33333Z'
                fill='#4A94F8'
                stroke='#4A94F8'
                strokeLinecap='round'
                strokeLinejoin='round'
            />
            <path d='M3.33334 7.33325L2.00001 8.66659L0.666672 7.33325' stroke='#31343F' strokeLinecap='round' />
            <path d='M12.6667 8.66675L14 7.33341L15.3333 8.66675' stroke='#31343F' strokeLinecap='round' />
        </g>
    </svg>
)

/**
 * @description  UI Kit/Icon/Outline/Web Fuzzer
 */
export const OutlineWebFuzzerActiveIcon = (props: Partial<IconProps>) => {
    return <Icon component={OutlineWebFuzzerActive} {...props} />
}

const OutlineChartPie = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'>
        <path
            d='M13.8791 8.5001C13.6253 11.5246 11.09 13.9001 7.99998 13.9001C4.7415 13.9001 2.09998 11.2586 2.09998 8.0001C2.09998 4.91003 4.47551 2.37479 7.49998 2.12099V8.0001V8.5001H7.99998H13.8791Z'
            fill='#CCD2DE'
            stroke='#85899E'
        />
        <path d='M10.1 5.90023V2.48467C11.669 3.08247 12.9177 4.3312 13.5155 5.90023H10.1Z' stroke='#85899E' />
    </svg>
)

/**
 * @description  Icon/Solid/chart-pie
 */
export const OutlineChartPieIcon = (props: Partial<IconProps>) => {
    return <Icon component={OutlineChartPie} {...props} />
}

const OutlineChartPieActive = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'>
        <path
            d='M13.8791 8.5001C13.6253 11.5246 11.09 13.9001 7.99998 13.9001C4.7415 13.9001 2.09998 11.2586 2.09998 8.0001C2.09998 4.91003 4.47551 2.37479 7.49998 2.12099V8.0001V8.5001H7.99998H13.8791Z'
            fill='#4A94F8'
            stroke='#31343F'
        />
        <path d='M10.1 5.90023V2.48467C11.669 3.08247 12.9177 4.3312 13.5155 5.90023H10.1Z' stroke='#31343F' />
    </svg>
)

/**
 * @description  UI Kit/Icon/Solid/chart-pie
 */
export const OutlineChartPieActiveIcon = (props: Partial<IconProps>) => {
    return <Icon component={OutlineChartPieActive} {...props} />
}

const OutlineSparkles = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'>
        <path
            d='M10.1905 6.57143L8.66667 2L7.14286 6.57143L3.33333 8L7.14286 9.42857L8.66667 14L10.1905 9.42857L14 8L10.1905 6.57143Z'
            fill='#CCD2DE'
        />
        <path
            d='M3.33333 2V4.66667M2 3.33333H4.66667M4 11.3333V14M2.66667 12.6667H5.33333M8.66667 2L10.1905 6.57143L14 8L10.1905 9.42857L8.66667 14L7.14286 9.42857L3.33333 8L7.14286 6.57143L8.66667 2Z'
            stroke='#85899E'
            strokeLinecap='round'
            strokeLinejoin='round'
        />
    </svg>
)

/**
 * @description  Icon/Outline/sparkles
 */
export const OutlineSparklesIcon = (props: Partial<IconProps>) => {
    return <Icon component={OutlineSparkles} {...props} />
}

const OutlineSparklesActive = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'>
        <path
            d='M10.1905 6.57143L8.66667 2L7.14286 6.57143L3.33333 8L7.14286 9.42857L8.66667 14L10.1905 9.42857L14 8L10.1905 6.57143Z'
            fill='#F28B44'
        />
        <path
            d='M3.33333 2V4.66667M2 3.33333H4.66667M4 11.3333V14M2.66667 12.6667H5.33333M8.66667 2L10.1905 6.57143L14 8L10.1905 9.42857L8.66667 14L7.14286 9.42857L3.33333 8L7.14286 6.57143L8.66667 2Z'
            stroke='#31343F'
            strokeLinecap='round'
            strokeLinejoin='round'
        />
    </svg>
)

/**
 * @description  Icon/Outline/sparkles
 */
export const OutlineSparklesActiveIcon = (props: Partial<IconProps>) => {
    return <Icon component={OutlineSparklesActive} {...props} />
}

const SolidExclamation = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'>
        <path
            fillRule='evenodd'
            clipRule='evenodd'
            d='M7.43135 2.78887C8.1195 1.56549 9.88088 1.56549 10.569 2.78887L15.5913 11.7174C16.2662 12.9172 15.3991 14.3998 14.0225 14.3998H3.97791C2.60123 14.3998 1.73414 12.9172 2.40908 11.7174L7.43135 2.78887ZM9.90011 11.6999C9.90011 12.197 9.49717 12.5999 9.00011 12.5999C8.50305 12.5999 8.10011 12.197 8.10011 11.6999C8.10011 11.2029 8.50305 10.7999 9.00011 10.7999C9.49717 10.7999 9.90011 11.2029 9.90011 11.6999ZM9.00011 4.49993C8.50305 4.49993 8.10011 4.90287 8.10011 5.39993V8.09993C8.10011 8.59698 8.50305 8.99993 9.00011 8.99993C9.49717 8.99993 9.90011 8.59698 9.90011 8.09993V5.39993C9.90011 4.90287 9.49717 4.49993 9.00011 4.49993Z'
            fill='white'
        />
    </svg>
)

/**
 * @description  Icon/Solid/exclamation
 */
export const SolidExclamationIcon = (props: Partial<IconProps>) => {
    return <Icon component={SolidExclamation} {...props} />
}
